/* ------------------------ 订单 -------------------------- */
.order-box{min-height: -moz-calc(100% - 30px); min-height: -webkit-calc(100% - 30px);min-height: calc(100% - 30px); margin: 15px;}
.table-box{background-color: #fff;width: 100%;padding: 12px;}
.order-box .diqu{border-radius: 5px; border: 1px solid #ddd; white-space: nowrap; margin: 0 10px; width: 150px;line-height: 30px;padding: 0 10px;height: 30px;}
.order-box .yewu{border-radius: 5px; border: 1px solid #ddd; white-space: nowrap; margin: 0 10px;width: 150px;line-height: 30px;padding: 0 10px;height: 30px;}
.order-box .search{white-space: nowrap; border-radius: 5px;border: 1px solid #ddd;padding: 0 10px; margin: 0 10px;width: 220px;line-height: 30px;height: 30px;}
.order-box .search{padding-left: 45px;background-image: url(../images/search.PNG);background-repeat: no-repeat;background-position: 12px center;}

.order-box table{border: 1px solid #ddd; width: 100%;margin-top: 20px;}
.order-box table thead{width: 100%;}
.order-box table tbody{width: 100%;}
.order-box table thead{background-color: #E7E9F7;height: 50px;}
.order-box table tbody tr td{border-bottom: 2px solid #ddd;}
.order-box table tbody tr:last-child td{border-bottom: 0px solid #ddd;}

.order-box table thead tr th{text-align: left; padding: 20px 10px; font-size: 14px;color: #333;line-height: 20px; vertical-align: middle;}

.order-box table thead tr th:nth-child(1){text-align: center;}

.order-box table tbody tr th{text-align: left; padding: 20px 10px; font-size: 14px;color: #333;line-height: 20px; vertical-align: middle;}
.order-box table tbody tr td:nth-child(1){text-align: center;}



.order-box .user{position: relative;}

.order-box .user .info{padding-left: 45px;}

.order-box .user .news{position: absolute; left: 0px;top: 0px;}
.order-box .user .email{position: absolute; left: 20px;top: 0px;}
.order-box .user .info .name{font-size: 12px;line-height: 18px;color: #666;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.order-box .user .info .text{font-size: 12px;line-height: 18px;color: #999;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.order-box .user .info .country{position: relative; padding-left: 30px; font-size: 12px;line-height: 18px;color: #666;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.order-box .user .info .country img{position: absolute; top: 0;left: 0;}

.order-box .option-btn{overflow: hidden;}
.order-box .option-btn a{color: #005FB2; display: inline-block;float: left;width: 20%;min-width: 50px;}


.order-details .fl{width: -moz-calc(70% - 7px);width: -webkit-calc(70% - 7px);width: calc(70% - 7px);}
.order-details .fr{width: -moz-calc(30% - 8px);width: -webkit-calc(30% - 8px);width: calc(30% - 8px);}

.order-details .fl .liucheng{text-align: center;background-color: #fff;padding: 30px 0px;}
.order-details .fl .liucheng-img{margin: 0 auto;text-align: center;}
.order-details .fl .liucheng ul{overflow: hidden;width: 100%;margin: 0 auto;}
.order-details .fl .liucheng ul li{float: left;width: 15%;margin-left: 2.5%; margin-right: 2.5%;}
.order-details .fl .liucheng ul li p{margin-top: 10px;font-size: 16px;line-height: 20px;color: #005FB2;}
.order-details .fl .liucheng ul li:last-child p{color: #ff0000;}
.order-details .fl .liucheng ul li p:nth-child(2){margin-top: 10px;font-size: 14px;line-height: 20px;color: #999;}
.order-details .fl .liucheng img{max-width: 80%;margin: 0 auto;}

.order-details .fl .or-detail{background-color: #fff;padding: 15px;}
.order-details .fl .or-detail .top{margin-top: 15px;}
.order-details .fl .or-detail .top *{display: inline-block;vertical-align: middle;margin-top: 10px;margin-right: 15px;}
.order-details .fl .or-detail .top .time{color: #999;}
.order-details .fl .or-detail .info{margin-top: 20px;}
.order-details .fl .or-detail .info ul{float: left;width: 33.3333%;height: 100%;}

.order-details .fl .or-detail .info ul li span:nth-child(1){text-align: right; display: inline-block; width: 80px;line-height: 25px;}
.order-details .fl .or-detail .info ul li span:nth-child(2){text-align: right; display: inline-block; line-height: 25px;color: #999;}
.order-details .fl .or-detail .info ul li img.user-news{cursor: pointer; margin-top: 3px; margin-left: 10px; display: inline-block;vertical-align: middle;}
.order-details .fl .or-detail .info ul li img.user-email{cursor: pointer;margin-left: 10px; display: inline-block;vertical-align: middle;}

.order-details .fl .or-detail .change-status{cursor: pointer;color: #005FB2;}
.order-details .fl .or-detail .edit-price{ cursor: pointer;color: #005FB2;}
.order-details .fl .or-detail .info ul li span.price-num{color: #005FB2;margin-right: 10px;}

.order-details .fl .pro-details{padding: 15px;margin-top: 15px; background-color: #fff;}
.order-details .fl .pro-details .title2 span{color: #005FB2;cursor: pointer;}

.order-details .fl .pro-details table .pro-info{overflow: hidden;}

.order-details .fl .pro-details table .pro-info .img{border: 1px solid #ddd;padding: 5px; float: left;width: 30%;}
.order-details .fl .pro-details table .pro-info .img img{max-width: 100%;max-height: 100%;}
.order-details .fl .pro-details table .pro-info .info{float: right;width: 70%;padding-left: 10px;}
.order-details .fl .pro-details table .pro-info .info p{font-size: 14px; color: #999;line-height: 20px;}
.order-details .fl .pro-details table .pro-info .info p:nth-child(1){color: #333;}

.order-details .fl .gress-details{padding: 15px;margin-top: 15px;margin-bottom: 15px; background-color: #fff;}

.order-details .fr .address{background-color: #fff;padding: 20px;}
.order-details .fr .address .title2{font-size: 16px;margin-bottom: 15px;}
.order-details .fr .address .title2 span{color: #005FB2;font-size: 14px;}
.order-details .fr .address p{line-height: 20px;font-size: 14px;margin: 8px 0;}
.order-details .fr .address p span:nth-child(1){margin-right: 20px; display: inline-block; text-align: right; width: 60px; color: #333;}
.order-details .fr .address p span:nth-child(2){display: inline-block;color: #999;}

.order-details .fr .peisong{margin-top: 15px; background-color: #fff;padding: 20px;}
.order-details .fr .peisong .title2{font-size: 16px;margin-bottom: 15px;}
.order-details .fr .peisong .title2 span{color: #005FB2;font-size: 14px;}
.order-details .fr .peisong p{line-height: 20px;font-size: 14px;margin: 8px 0;}
.order-details .fr .peisong p span:nth-child(1){margin-right: 20px; display: inline-block; text-align: right; width: 60px; color: #333;}
.order-details .fr .peisong p span:nth-child(2){display: inline-block;color: #999;}

.order-details .fr .remarks{margin-top: 15px; background-color: #fff;padding: 20px;margin-bottom: 15px;}
.order-details .fr .remarks .title2{font-size: 16px;margin-bottom: 15px;}
.order-details .fr .remarks .title2 span{color: #999;font-size: 14px;}

.order-details .fr .remarks ul li{margin: 10px;}

.order-details .fr .remarks ul li p:nth-child(1){float: left; font-size: 14px;line-height: 20px; font-weight: bold;color: #333;}
.order-details .fr .remarks ul li p:nth-child(1) span{margin-right: 8px; display: inline-block;width: 8px;height: 8px;border-radius: 50%;background-color: #005FB2;}
.order-details .fr .remarks ul li p:nth-child(2){float: right;font-size: 14px;line-height: 20px; color: #999;}

.order-details .fr .remarks ul li .text{margin-top: 8px; font-size: 14px;line-height: 20px; color: #666;}

.order-details .fr .remarks .textarea{padding: 10px;width: 100%;display: block;min-height: 300px; border: 1px solid #ddd;border-radius: 5px;}
.order-details .fr .remarks .btn-right{text-align: right;margin-top: 20px;margin-bottom: 30px;}

/* 发货管理 */
.deliver-list .search{width: 300px;}
.deliver-list .list{margin-top: 20px;}
.deliver-list .head1{padding: 5px 20px;background-color: #EEF0F5;border: 1px solid #ddd;}
.deliver-list .head1 span{margin-right: 20px; font-size: 14px;color: #333;line-height: 30px;display: inline-block;vertical-align: middle;}
.deliver-list .head1 span:nth-child(1){font-weight: bold;}
.deliver-list .head1 span:nth-child(3){color: #999;}
.deliver-list .head2{padding: 5px 20px; overflow: hidden;border: 1px solid #ddd;}
.deliver-list .head2 span{margin-right: 20px; font-size: 14px;color: #333;line-height: 30px;display: inline-block;vertical-align: middle;}
.deliver-list .head2 .fr{text-align: right;}
.deliver-list .head2 .fr button.btn-blue{margin-right: 20px;}
.deliver-list .head2 .fr span{color: #999;}
.deliver-list .head2 span:nth-child(1){font-weight: bold;}
.deliver-list .head22{overflow: hidden;border: 1px solid #ddd;border-top: 0px solid #ddd;}
.deliver-list .head22 p{padding: 0 10px;font-weight: bold;line-height: 40px;}
.deliver-list .head22 p:nth-child(1){float: left;width: 5%;padding-left: 20px;}
.deliver-list .head22 p:nth-child(2){float: left;width: 45%;}
.deliver-list .head22 p:nth-child(3){float: left;width: 45%;}
.deliver-list .head22 p:nth-child(4){float: left;width: 5%;}

.deliver-list .order1>li{margin-bottom: 30px;}
.deliver-list .order2>li{margin-bottom: 10px;}

.deliver-list .order3 .img{float: left;margin-right: 10px;}
.deliver-list .order3{}
.deliver-list .order3 li{padding: 10px; overflow: hidden;border: 1px solid #ddd;border-top: 0px solid #ddd;}
.deliver-list .order3 li .item:nth-child(1){float: left;width: 5%;padding-left: 20px;}
.deliver-list .order3 li .item:nth-child(2){float: left;width: 45%;}
.deliver-list .order3 li .item:nth-child(3){float: left;width: 45%;}
.deliver-list .order3 li .item:nth-child(4){float: left;width: 5%;}

.deliver-list .shipped{color: #005FB2 !important;}
.deliver-list .waybill-no{color: #005FB2 !important;cursor: pointer;}

/* 提交售后-详情 */
.sale-details .after-sale-reason{margin-top: 15px; background-color: #fff;padding: 20px;}

.sale-details .after-sale-reason .shouhou{display: none; }
.sale-details .after-sale-reason .shouhou.show{display: block;}
.sale-details .after-sale-reason .shouhou ul li{margin: 10px 0;}
.sale-details .after-sale-reason .shouhou ul li .radiobox{float: left;margin-right: 10px;}
.sale-details .after-sale-reason .shouhou ul li .radiobox *{display: inline-block;vertical-align: middle;}
.sale-details .after-sale-reason .shouhou ul li .radiobox input{opacity: 0;}
.sale-details .after-sale-reason .shouhou ul li .radiobox span{margin-left: -20px; padding: 10px;background-image: url("../images/radio.png");background-size: 100% 100%;background-position: center;background-repeat: no-repeat;}
.sale-details .after-sale-reason .shouhou ul li .radiobox.checked span{background-image: url("../images/radio_selected.png");}
.sale-details .after-sale-reason .shouhou .info{margin-top: 10px; width: 100%;height: 200px;border: 1px solid #ddd;padding: 10px;}



